﻿.ui_bubble
{
	position: absolute;
	font-size: 12px;
	top: 0px;
	left: 0px;
	overflow: hidden;
	z-index: 9999;
}
.ui_bubble ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.ui_bubble .fleft
{
	position: relative;
	float: left;
	overflow: hidden;
	width: 15px;
	height: 100%;
	margin-right: -3px;
}
.ui_bubble .fright
{
	position: relative;
	float: right;
	overflow: hidden;
	width: 15px;
	height: 100%;
	margin-left: -3px;
}
.ui_bubble .fmiddle
{
	height: 100%;
	margin: 0px 15px;
	_margin: 0px 12px;
}
.ui_bubble .bttm
{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.ui_bubble .bubble_top
{
	height: 15px;
}
.ui_bubble .sprite
{
	background: url(images/bubble_combined.png) no-repeat;
	width: 105px;
	height: 450px;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="/TM/lib/js/Commom/ui_bubble/images/bubble_combined.png");
}
.ui_bubble .tl
{
	position: absolute;
	left: 0px;
	top: 0px;
}
.ui_bubble .tr
{
	position: absolute;
	left: -63px;
	top : 0px;
}
.ui_bubble .tm
{
	position: absolute;
	background-repeat: repeat-x;
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	top: -54px;
	left: 0px;
}

.ui_bubble .bubble_container_left
{
	padding-left: 15px;
	background: url(images/bubble_ml.png) repeat-y;
	_background: url(images/bubble_ml.gif) repeat-y;
	position: relative;
	_margin-top: -3px;
}
.ui_bubble .bubble_container_right
{
	padding-right: 15px;
	background: url(images/bubble_mr.png) right center repeat-y;
	_background: url(images/bubble_mr.gif) right center repeat-y;
}
.ui_bubble .bubble_container_middle
{
	margin: 0px 15px;
	background: #e8f5fd;
}
.ui_bubble .bubble_content
{
	padding: 10px 5px;
}

.ui_bubble .bubble_bottom
{
	height: 15px;
	position: relative;
}
.ui_bubble .bl
{
	position: absolute;
	top: -35px;
	left: 0px;
}
.ui_bubble .br
{
	position: absolute;
	top: -35px;
	left: -63px;
}
.ui_bubble .bm
{
	position: absolute;
	background-repeat: repeat-x;
	width: 100%;
	left: 0px;
	top: -89px;
}

.ui_bubble .bubble_close
{
	background: url(images/bubble_close.gif) no-repeat;
	position: absolute;
	width: 42px;
	height: 17px;
	right: 15px;
	top: -3px;
	cursor: pointer;
}

.ui_bubble .prong
{
	width: 90px;
	height: 30px;/*65px;*/
	position: relative;
	overflow: hidden;
	display: none;
}

.ui_bubble .tp
{
	margin-bottom: -6px;
	z-index: 10;
}
.ui_bubble .bp
{
	top: -5px;
	_top: -8px;
}
.ui_bubble .tp .pl
{
	position: absolute;
	left: -18px;
	/*top: -175px;*/
	top:-192px;
}
.ui_bubble .tp .pr
{
	position: absolute;
	left: 0px;
	/*top: -315px;*/
	top:-327px;
}
.ui_bubble .bp .pl
{
	position: absolute;
	left: -18px;
	/*top: -105px;*/
	top:-158px;
}
.ui_bubble .bp .pr
{
	position: absolute;
	left: 0px;
	/*top: -245px;*/
	top:-293px;
	
}